<link href="__CDN__/assets/addons/xilujob/css/style.css" rel="stylesheet" />
<link href="__CDN__/assets/addons/xilujob/css/scroll-select.css" rel="stylesheet" />

<style>
    .edit-form {display:none;}
    .edit-form.active {display: inherit;}
    .hide {display: none!important;}
    .ul-selector .handler,.ul-selector .handler input {cursor: pointer;}
    .ul-selector ul.options {
        display:none;
    }
    ul {padding:0;}
    .msg-box {
        display: none!important;
    }
</style>

<div class="main" id="resume" style="visibility: hidden">
    <div class="container">
        <div class="person_center clearfix">
            <div class="">
                <div class="">
                    <!--基本信息-->
                    <div class="Jbox Jtop-wrap" :class="{Jcursor:!editingPersonal}">
                        <!--编辑基本信息-->
                        <form method="post" action="{:url('xilujob/resume/save_module',['resume_id'=>$resume.id])}" class="edit-form Jbd Jcom Jwork" :class="{active:editingPersonal}">
                            <input type="hidden" name="module" value="personal_info" />
                            <input type="hidden" name="id" :value="editing.model.id" />
                            <div class="Jjob-con Jedit">
                                <div class="Jjob-group clearfix">
                                    <div class="Jedu-row Jrow-left">
                                        <label>姓名</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1">
                                                <div class="JsItem1">
                                                    <input name="realname" data-rule="姓名:required;" maxlength="20" type="text" placeholder="请填写姓名" class="Jsr" :value="editing.model.realname">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="Jedu-row Jrow-left ml10">
                                        <label>籍贯</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1">
                                                <div class="JsItem1 JrPar">
                                                    <input name="hukou_city" id="hukou_city" data-rule="籍贯:required;" type="text" readonly placeholder="选择" :value="editing.model.hukou_city" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div  class="Jjob-group clearfix">
                                    <div class="Jedu-row Jrow-left">
                                        <label>出生日期</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1">
                                                <div class="JsItem1 JrPar">
                                                    <input data-date-format="YYYY-MM-DD" data-use-current="true" name="birthdate" type="text" :value="editing.model.birthdate" class="datetimepicker form-control"><span class="Jicon Jsort"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="Jedu-row Jrow-left ml10">
                                        <label>工作经验</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1 ul-selector" data-query=".Jholder">
                                                <input data-rule="工作经验:required;" type="hidden"  name="work_experience_id" :value="editing.model.work_experience_id||''" />
                                                <div class="JsItem1 JrPar handler">
                                                    <input type="text" readonly placeholder="选择" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                </div>
                                                <ul class="JmDrop options" style="display: none">
                                                    {foreach $work_experience_options as $option}
                                                    {if $option.id>0}
                                                    <li value="{$option.id|htmlentities}">{$option.name|htmlentities}</li>
                                                    {/if}
                                                    {/foreach}
                                                </ul>

                                            </div>


                                        </div>
                                    </div>

                                </div>
                                <div  class="Jjob-group clearfix">
                                    <div class="Jedu-row Jrow-left">
                                        <label>求职状态</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1">
                                                <div class="JsItem1 JrPar ul-selector" data-query=".Jholder">
                                                    <input data-rule="求职状态:required;" type="hidden" name="current_state_id" :value="editing.model.current_state_id||''" />
                                                    <input type="text" placeholder="选择" readonly class="Jsr Jholder handler"><span class="Jicon Jsort"></span>
                                                    <ul class="JmDrop options" style="display: none">
                                                        {foreach $work_states as $state}
                                                        <li value="{$state.id|htmlentities}">{$state.name|htmlentities}</li>
                                                        {/foreach}
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="Jedu-row Jrow-left ml10">
                                        <label>学历</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1 ul-selector" data-query=".Jholder">
                                                <input data-rule="学历:required;" type="hidden"  name="education_level_id" :value="editing.model.education_level_id||''" />
                                                <div class="JsItem1 JrPar handler">
                                                    <input type="text" readonly placeholder="选择" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                </div>
                                                <ul class="JmDrop options" style="display: none">
                                                    {foreach $education_levels as $option}
                                                    {if $option.id>0}
                                                    <li value="{$option.id|htmlentities}">{$option.name|htmlentities}</li>
                                                    {/if}
                                                    {/foreach}
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div  class="Jjob-group clearfix">
                                    <div class="Jedu-row Jrow-left">
                                        <label>性别</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1 ul-selector" data-query=".Jholder">
                                                <input data-rule="性别:required;" type="hidden" name="gender" :value="editing.model.gender||''" />
                                                <div class="JsItem1 JrPar handler">
                                                    <input type="text" readonly placeholder="选择" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                </div>
                                                <ul class="JmDrop options" style="display: none">
                                                    <li value="1">男</li>
                                                    <li value="2">女</li>
                                                </ul>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="Jedu-row Jrow-left ml10">
                                        <label>婚姻状况</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1 ul-selector" data-query=".Jholder">
                                                <input data-rule="婚姻状况:required;" type="hidden" name="marital" :value="editing.model.marital||''" />
                                                <div class="JsItem1 JrPar handler">
                                                    <input type="text" readonly placeholder="选择" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                </div>
                                                <ul class="JmDrop options" style="display: none">
                                                    <li value="1">已婚</li>
                                                    <li value="2">未婚</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div  class="Jjob-group clearfix">
                                    <div class="Jedu-row Jrow-left">
                                        <label>手机</label>
                                        <i class="Jcir">*</i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1">
                                                <div class="JsItem1">
                                                    <input data-rule="手机:required;mobile;" name="mobile" :value="editing.model.mobile" maxlength="20" type="text" placeholder="请填写手机号" class="Jsr">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="Jedu-row Jrow-left ml10">
                                        <label>邮箱</label>
                                        <i class="Jcir"></i>
                                        <div class="Jh34 clearfix">
                                            <div class="Jtime-box1">
                                                <div class="JsItem1">
                                                    <input data-rule="email;" data-msg="请填写正确的邮箱地址" name="email" :value="editing.model.email" type="text" placeholder="请填写邮箱" class="Jsr Jholder">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="Jbtn-box pt35">
                                    <span class="Jopt Jmbtn submit">保存</span>
                                    <span class="Jopt Jmbtn-Jgray" @click="closeEdit()">取消</span>
                                </div>

                            </div>
                        </form>

                        <div class="Jinfo-head clearfix" :class="{hide:editingPersonal}">
                            <div class="JheadPic">
                                <img :src="cdnurl(resume.personal.avatar)" alt="">
                                <!--修改图片-->
                                <div class="Jpic-reset" :data-id="resume.personal.id" id="upload-avatar" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-maxsize="5M">编辑 </div>
                            </div>
                            <div class="Jname">{{resume.personal.realname}}</div>
                            <div class="col9 single-line"><span v-if="resume.personal.hukou_city">籍贯:{{resume.personal.hukou_city}}</span><span v-if="resume.personal.age"> ｜ {{resume.personal.age}}岁</span><span v-if="resume.personal.gender_text"> ｜ {{resume.personal.gender_text}}</span><span v-if="resume.personal.marital_text"> ｜ {{resume.personal.marital_text}}</span><span v-if="resume.personal.work_experience"> ｜ {{resume.personal.work_experience.name}}工作经验</span><span v-if="resume.personal.current_state"> ｜ {{resume.personal.current_state.name}}</span></div>
                            <div class="Jinfo">
                                <span class="Jemail single-line">邮箱：{{resume.personal.email}} </span>
                                <span class="Jtel single-line">手机：{{resume.personal.mobile}}</span>
                            </div>
                        </div>
                        <div class="Jedit-btn" :class="{hide:editingPersonal}">
                            <i class="Jicon Jwrite" @click="edit('personal_info',resume.personal)"></i>
                        </div>
                    </div>
                    <!--求职意向-->
                    <div class="Jbox">
                        <div class="Jinfo-con">
                            <div class="Jhd">
                                <span class="Jtitle">求职意向</span>
                                <a href="javascript:;" class="Jadd" @click="edit('job_intention',{})"> <i class="Jicon mr5 Jplus"></i> 新增意向</a>
                            </div>
                            <div class="Jinfo-main">
                                <!--编辑教育经历-->
                                <form method="post" action="{:url('xilujob/resume/save_module',['resume_id'=>$resume.id])}" class="edit-form Jbd Jcom Jwork" :class="{active:editingJobIntention}">
                                    <input type="hidden" name="module" value="job_intention" />
                                    <input type="hidden" name="id" :value="editing.model.id" />
                                    <div class="Jedu-con Jedit">
                                        <div class="Jedu-row">
                                            <label>求职类型</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1 ul-selector" data-query=".Jholder">
                                                    <input data-rule="求职类型:required;" name="job_type" type="hidden" :value="editing.model.job_type||''" />
                                                    <div class="JsItem1 JrPar handler">
                                                        <input type="text" readonly placeholder="选择" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                    </div>
                                                    <ul class="JmDrop options">
                                                        <li value="1">全职</li><li value="2">兼职</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>意向城市</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1">
                                                    <div class="JsItem1 JrPar">
                                                        <input type="hidden" name="fav_province_id"  :value="editing.model.fav_province_id||''" :data-ids="editing.model.fav_province?editing.model.fav_province.path:''" />
                                                        <input type="hidden" name="fav_city_id" data-rule="意向城市:required;" :value="editing.model.fav_city_id||''" :data-ids="editing.model.fav_city?editing.model.fav_city.path:''" />
                                                        <input type="text" id="fav_area" readonly placeholder="选择" :value="editing.model.fav_city?editing.model.fav_city.allname:''" class="Jsr Jholder select-district"><span class="Jicon Jsort"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>期望职位</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1">
                                                    <div class="JsItem1 JrPar">
                                                        <input type="hidden" name="fav_category_id" data-rule="期望职位:required;" :value="editing.model.fav_category_id||''" :data-ids="editing.model.fav_category?editing.model.fav_category.path:''" />
                                                        <input type="text" readonly placeholder="选择" :value="editing.model.fav_category?editing.model.fav_category.category_name:''" class="Jsr Jholder select-job"><span class="Jicon Jsort"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>期望行业</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1 ul-selector" data-query=".Jholder">
                                                    <input data-rule="期望行业:required;" name="industry_category_id" type="hidden" :value="editing.model.industry_category_id||''" />
                                                    <div class="JsItem1 JrPar handler">
                                                        <input type="text" readonly placeholder="选择" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                    </div>
                                                    <ul class="JmDrop options">
                                                        {foreach $industry_categories as $option}
                                                        <li value="{$option.id|htmlentities}">{$option.name|htmlentities}</li>
                                                        {/foreach}
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="Jedu-row">
                                            <label>期望薪资</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1 ul-selector" data-query=".Jholder">
                                                    <input data-rule="期望薪资:required;" name="expect_salary_id" type="hidden" :value="editing.model.expect_salary_id||''" />
                                                    <div class="JsItem1 JrPar handler">
                                                        <input type="text" readonly placeholder="选择" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                    </div>
                                                    <ul class="JmDrop options">
                                                        {foreach $salary_options as $option}
                                                        <li value="{$option.id|htmlentities}">{$option.name|htmlentities}</li>
                                                        {/foreach}
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="Jbtn-box pt35">
                                            <span class="Jopt Jmbtn submit">保存</span>
                                            <span class="Jopt Jmbtn-Jgray" @click="closeEdit()">取消</span>

                                        </div>
                                    </div>

                                </form>

                                <div class="Jbd" v-for="intention in resume.job_intention" :class="{hide:editingJobIntention}">
                                    <div class="Jedu-con Jedit">
                                        <div class="Jtitle clearfix">
                                            <span class="Jw120">{{intention.job_type_text}} </span>
                                            <span class="Jw125">{{intention.fav_city?intention.fav_city.shortname:''}} </span>
                                            <span class="Jw120">{{intention.fav_category?intention.fav_category.category_name:''}} </span>
                                            <span class="Jw140">{{intention.fav_industry?intention.fav_industry.name:''}} </span>
                                            <span class="Jw140">{{intention.expect_salary?intention.expect_salary.name:''}} </span>
                                        </div>
                                        <div class="Jedit-btn">
                                            <i class="Jicon Jwrite" @click="edit('job_intention', intention)"></i>
                                            <i class="Jicon Jdelete" @click="del('job_intention', intention)"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--教育经历-->
                    <div class="Jbox">
                        <div class="Jinfo-con">
                            <div class="Jhd">
                                <span class="Jtitle">教育经历</span>
                                <a href="javascript:;" class="Jadd" @click="edit('education',{})"> <i class="Jicon mr5 Jplus"></i> 新增教育</a>
                            </div>
                            <div class="Jinfo-main">
                                <!--编辑教育经历-->
                                <form method="post" action="{:url('xilujob/resume/save_module',['resume_id'=>$resume.id])}" class="edit-form Jbd Jcom Jwork" :class="{active:editingEducation}">
                                    <input type="hidden" name="module" value="education" />
                                    <input type="hidden" name="id" :value="editing.model.id" />
                                    <div class="Jedu-con Jedit">
                                        <div class="Jedu-row">
                                            <label>时间</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box">
                                                    <div class="JsItem JrPar">
                                                        <input data-date-format="YYYY-MM" data-use-current="true" name="start" type="text" :value="editing.model.start" class=" Jsr month datetimepicker form-control">
                                                        <span class="Jicon Jcalendar"></span>
                                                    </div>
                                                </div>
                                                <span class="Jto">到</span>
                                                <div class="Jtime-box">
                                                    <div class="JsItem JrPar">

                                                        <input data-rule="毕业时间:required;gt;" data-date-format="YYYY-MM" data-use-current="true" name="end" type="text" :value="editing.model.end" class=" Jsr month datetimepicker form-control">
                                                        <span class="Jicon Jcalendar"></span>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>学校</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1">
                                                    <div class="JsItem1">
                                                        <input data-rule="学校:required;" name="school_name" maxlength="50" type="text" class="Jsr" :value="editing.model.school_name">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>学历</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1 ul-selector" data-query=".Jholder">
                                                    <input data-rule="学历:required;" name="education_level_id" type="hidden" :value="editing.model.education_level_id" />
                                                    <div class="JsItem1 JrPar handler">
                                                        <input type="text" readonly placeholder="选择" class="Jsr Jholder"><span class="Jicon Jsort"></span>
                                                    </div>
                                                    <ul class="JmDrop options">
                                                        {foreach $education_levels as $option}
                                                        {if $option.id>0}
                                                        <li value="{$option.id|htmlentities}">{$option.name|htmlentities}</li>
                                                        {/if}
                                                        {/foreach}
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>专业</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1">
                                                    <div class="JsItem1">
                                                        <input data-rule="专业:required;" name="major" maxlength="20" type="text" placeholder="请输入专业名称" class="Jsr Jholder" :value="editing.model.major">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jbtn-box pt35">
                                            <span class="Jopt Jmbtn submit">保存</span>
                                            <span class="Jopt Jmbtn-Jgray" @click="closeEdit()">取消</span>

                                        </div>
                                    </div>

                                </form>

                                <div class="Jbd" v-for="education in resume.educations" :class="{hide:editingEducation}">
                                    <div class="Jedu-con Jedit">
                                        <div class="Jtitle clearfix">
                                            <span class="Jw130">{{education.start.replace('-','/')}}-{{education.end.replace('-','/')}} </span>
                                            <span class="Jw175">{{education.school_name}} </span>
                                            <span class="Jw140">{{education.major}} </span>
                                            <span class="Jw140">{{education.level?education.level.name:''}} </span>
                                        </div>
                                        <div class="Jedit-btn">
                                            <i class="Jicon Jwrite" @click="edit('education', education)"></i>
                                            <i class="Jicon Jdelete" @click="del('education', education)"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--工作经历-->
                    <div class="Jbox">
                        <div class="Jinfo-con">
                            <div class="Jhd">
                                <span class="Jtitle">工作经历</span>
                                <a href="javascript:;" class="Jadd" @click="edit('work',{})"> <i class="Jicon mr5 Jplus"></i> 新增工作</a>
                            </div>
                            <div class="Jinfo-main">
                                <!--编辑工作经历-->
                                <form method="post" action="{:url('xilujob/resume/save_module',['resume_id'=>$resume.id])}" class="edit-form Jbd Jcom Jwork" :class="{active:editingWork}">
                                    <input type="hidden" name="module" value="work" />
                                    <input type="hidden" name="id" :value="editing.model.id" />
                                    <div class="Jedu-con Jedit">
                                        <div class="Jedu-row">
                                            <label>时间</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box">

                                                    <div class="JsItem JrPar">
<!--                                                        <input name="start" data-rule="入职时间:required;" type="text" placeholder="入职时间" readonly class="Jsr layui-input Jstart month" :value="editing.model.start">-->
                                                        <input data-rule="入职时间:required;" placeholder="入职时间" data-date-format="YYYY-MM" data-use-current="true" name="start" type="text" :value="editing.model.start" class=" Jsr month datetimepicker form-control">
                                                        <span class="Jicon Jcalendar"></span>
                                                    </div>


                                                </div>
                                                <span class="Jto">到</span>
                                                <div class="Jtime-box">
                                                    <div class="JsItem JrPar">
                                                        <input data-rule="离职时间:required;gt;" placeholder="离职时间" data-msg-gt="离职时间必须大于入职时间" data-date-format="YYYY-MM" data-use-current="true" name="end" type="text" :value="editing.model.end" class=" Jsr month datetimepicker form-control">
                                                        <span class="Jicon Jcalendar"></span>
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>公司</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1">
                                                    <div class="JsItem1">
                                                        <input data-rule="公司:required;" name="company_name" maxlength="50" type="text" class="Jsr" :value="editing.model.company_name">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>工作职位</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1">
                                                    <div class="JsItem1">
                                                        <input data-rule="工作职位:required" name="job_title" maxlength="20" type="text" placeholder="填写工作职位" class="Jsr Jholder" :value="editing.model.job_title">
                                                    </div>

                                                </div>


                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>工作描述</label>
                                            <i class="Jcir">*</i>
                                            <div>
                                                <textarea data-rule="工作描述:required" name="detail" maxlength="500" class="textarea-count JsrArea Jjob-desc Jholder" placeholder="描述你的职责范围、工作任务及取得的成绩等" :value="editing.model.detail"></textarea>

                                            </div>
                                            <div class="Jh30">
                                                <span class="Jfrt">0/500 字</span>
                                            </div>
                                        </div>
                                        <div class="Jbtn-box pt20">
                                            <span class="Jopt Jmbtn submit">保存</span>
                                            <span class="Jopt Jmbtn-Jgray" @click="closeEdit()">取消</span>

                                        </div>
                                    </div>

                                </form>
                                <div class="Jbd" v-for="work in resume.works" :class="{hide:editingWork}">
                                    <div class="Jedu-con Jedit">
                                        <div class="Jtitle clearfix">
                                            <span class="Jw130">{{work.start.replace('-','/')}}-{{work.end.replace('-','/')}} </span>
                                            <span class="Jw340">{{work.company_name}} </span>
                                            <span class="Jw190">{{work.job_title}} </span>

                                        </div>
                                        <div class="clearfix">
                                            <div class="Jdesc">
                                                <label>工作描述</label>
                                                <i class="Jdot">：</i>
                                                <div>
                                                    <div v-for="item in work.detail.split('\n')">{{item}}</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jedit-btn">
                                            <i class="Jicon Jwrite" @click="edit('work', work)"></i>
                                            <i class="Jicon Jdelete" @click="del('work', work)"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 专业技能 -->
                    <div class="Jbox">
                        <div class="Jinfo-con">
                            <div class="Jhd">
                                <span class="Jtitle">专业技能</span>
                                <a href="javascript:;" @click="edit('skill',{})" class="Jadd"> <i class="Jicon mr5 Jplus"></i> 新增技能</a>
                            </div>
                            <div class="Jinfo-main">
                                <!--编辑专业技能-->
                                <form method="post" action="{:url('xilujob/resume/save_module',['resume_id'=>$resume.id])}" class="edit-form Jbd Jcom Jwork Jskill-wrap" :class="{active:editingSkill}">
                                    <input type="hidden" name="module" value="skill" />
                                    <input type="hidden" name="id" :value="editing.model.id" />
                                    <div class="Jedu-con Jedit">
                                        <div class="Jedu-row">
                                            <label>技能/语言</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1">
                                                    <div class="JsItem1">
                                                        <input data-rule="required;" data-msg="请填写技能名称" type="text" name="skill_name" :value="editing.model.skill_name" placeholder="填写" class="Jsr Jholder">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jedu-row">
                                            <label>掌握程度</label>
                                            <i class="Jcir">*</i>
                                            <div class="Jh34 clearfix">
                                                <div class="Jtime-box1">
                                                    <div class="JsItem1 JrPar ul-selector" data-query=".Jsr">
                                                        <input data-rule="required;" data-msg="请选择精通程度" type="hidden" name="level_id" :value="editing.model.level_id" />
                                                        <input type="text" placeholder="请选择" readonly class="Jsr handler">
                                                        <span class="Jicon Jsort handler"></span>
                                                        <ul class="JmDrop options" style="display: none">
                                                            {foreach $skill_levels as $level}
                                                            <li value="{$level.id|htmlentities}">{$level.name|htmlentities}</li>
                                                            {/foreach}
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="Jbtn-box pt20">
                                            <span class="Jopt Jmbtn submit">保存</span>
                                            <span class="Jopt Jmbtn-Jgray" @click="closeEdit()">取消</span>

                                        </div>
                                    </div>
                                </form>
                                <div class="Jbd" :class="{hide:editingSkill}">
                                    <div class="Jedu-con Jskill">
                                        <div class="Jtitle clearfix Jedit" v-for="skill in resume.skills">
                                            <span class="Jw190">{{skill.skill_name}}</span>
                                            <span class="Jw340">{{skill.level.name}}</span>
                                            <div class="Jedit-btn">
                                                <i class="Jicon Jwrite" @click="edit('skill', skill)"></i>
                                                <i class="Jicon Jdelete" @click="del('skill', skill)"></i>

                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>


                    <!--个人标签-->
                    <div class="Jbox">
                        <div class="Jinfo-con">
                            <div class="Jhd">
                                <span class="Jtitle">个人标签</span>
                                <a href="javascript:;" class="Jadd" @click="edit('personal_tag', resume.personal_tags)"> <i class="Jicon mr5 Jplus"></i> 编辑标签</a>
                            </div>
                            <div class="Jinfo-main">
                                <!--编辑个人标签-->
                                <form method="post" action="{:url('xilujob/resume/save_module',['resume_id'=>$resume.id])}" class="edit-form Jbd Jcom" :class="{active:editingPersonalTag}">
                                    <div v-if="editingPersonalTag">
                                        <input type="hidden" name="module" value="personal_tag" />
                                        <input type="hidden" name="tags[]" :value="tag.name" v-for="tag in editing.model" />
                                        <div class="Jcon-box Jedit">
                                            <div class="Jtags clearfix">
                                                <a href="javascript:;" v-for="tag in tag_options" @click="toggle_tag(tag)" :class="{active: tagHighlight(tag)}">{{tag.name}}</a>
                                                <a href="javascript:;" v-for="tag in resume.personal_tags" @click="toggle_tag(tag)" v-if="notPresetTag(tag.name)" :class="{active: tagHighlight(tag)}">{{tag.name}}</a>
                                            </div>
                                            <div class="Jbtn-box">
                                                <span class="Jopt Jmbtn submit" onclick="$(this).closest('form').submit()">保存</span>
                                                <span class="Jopt Jmbtn-Jgray" @click="closeEdit()">取消</span>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="Jbd" :class="{hide:editingPersonalTag}">
                                    <div class="Jpag-con clearfix ">
                                        <a href="javascript:;" v-for="tag in resume.personal_tags">{{tag.name}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 个人总结 -->
                    <div class="Jbox">
                        <div class="Jinfo-con">
                            <div class="Jhd">
                                <span class="Jtitle">个人总结</span>
                                <a href="javascript:;" class="Jadd" @click="edit('summary',resume.summary)"> <i class="Jicon Jwrite"></i></a>
                            </div>
                            <div class="Jinfo-main">
                                <!--编辑个人总结-->
                                <form method="post" action="{:url('xilujob/resume/save_module',['resume_id'=>$resume.id])}" class="edit-form Jbd Jcom Jwork" :class="{active:editingSummary}">
                                    <input type="hidden" name="module" value="summary" />
                                    <input type="hidden" name="id" :value="editing.model.id" />
                                    <div class="Jedu-con Jedit">
                                        <div class="Jedu-row">
                                            <label>个人总结</label>
                                            <i class="Jcir">*</i>
                                            <div>
                                                <textarea maxlength="300" data-rule="内容:required;" name="content" class="JsrArea Jjob-desc Jholder" v-model="editing.model.content" placeholder="描述你的个人成绩等"></textarea>
                                            </div>
                                            <div class="Jh30">
                                                <span class="Jfrt">{{editing.model.content?editing.model.content.length:0}}/300 字</span>
                                            </div>
                                        </div>
                                        <div class="Jbtn-box pt20">
                                            <span class="Jopt Jmbtn submit">保存</span>
                                            <span class="Jopt Jmbtn-Jgray" @click="closeEdit()">取消</span>

                                        </div>
                                    </div>
                                </form>
                                <div class="Jbd" :class="{hide:editingSummary}">
                                    <div class="Jedu-con">
                                        <div class="clearfix">
                                            <div>
                                                <template v-for="item in (resume.summary.content||'请填写你的个人成绩等').split('\n')">{{item}}<br></template>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var resume = {$resume|json_encode};
    var tagOptions = {$personal_tag_options|json_encode};
    var districts = {$districts|json_encode=JSON_UNESCAPED_UNICODE};
</script>